$(function () {
    //获取头部、和订单状态按钮的的高度
    var headerHight = $(".header").height();
    var statusHeight = $(".statusList").height();
    //获取浏览器可工作区域的高度、宽度
    var availHeight = window.screen.availHeight;
    var availWidth = window.screen.availWidth;
    $(".orderList ul").css("width", 5 * availWidth);
    $(".orderList ul li").css("width", availWidth);
    $(".orderList ul li").css("height", Math.ceil(availHeight - (headerHight + statusHeight)));
    //获取token
    var token = localStorage.token;
    if (!token) {
        location.href = "../loginAndReg/login.html";
    };
    //获取订单列表
    var pageNum = 1;
    var flag = false;
    function getOderList() {
        if (flag) return false;
        $.ajax({
            type: "get",
            url: domain.test + `/getorderlist?pageNum=${pageNum}`,
            beforeSend: function (xhr) {
                flag = true;
                xhr.setRequestHeader("token", token);
            },
            success: function (response) {
                if (response.data.rtnCode === 200) {
                    var oderListDetail = response.data.data;
                    if (pageNum === 1) {
                        $(".allOrders").html(template("allItemBox", { oderList: oderListDetail.list }));
                    } else {
                        $(".allOrders").append(template("allItemBox", { oderList: oderListDetail.list }));
                    }
                    pullmaster.pullDownSuccess();       //刷新成功
                    if (oderListDetail.list.length < 10 || oderListDetail.list.length === 0) {
                        pullmaster.pullUpDone();        //到底啦
                        $(".bb_pull-up").css({"display":"none"});
                        $(".allOrders").append('<div class="footer">已到底部</div>')
                    }
                    ++pageNum;
                    flag = false;
                }
            },
            error: function () {
                pullmaster.pullDownFailed();        //刷新失败
                pullmaster.pullUpFailed();          //数据加载失败
            }
        });
    }
    getOderList();
    // 下拉刷新上滑分页加载
    var pullmaster = new Pull($('.orderListBox'), {
        onPullUp: function () {
            getOderList();
        },
        // onPullDown: function () {
        //     pageNum = 1;
        //     getOderList();
        // }
    });
    //左右滑动
    var startX,animateX,endX,left;
    var index = 1;
    var width = $(".orderListBox").width();
    $(".scrollBox").on("touchstart",function(e) {
        startX = e.changedTouches[0].clientX;
        left = parseFloat($(this).css("left"));
    });
    $(".scrollBox").on("touchmove",function(e) {
        animateX = e.changedTouches[0].clientX;
        if(startX-animateX<0) {
            if(parseFloat($(this).css("left"))===0) {
                return false;
            }
        }
        if(startX-animateX>0) {
            if(parseFloat($(this).css("left"))===-4*width) {
                return false;
            }
        }
        $(".scrollBox").css("left",animateX-startX+left);
    });
    $(".scrollBox").on("touchend",function(e) {
        endX = e.changedTouches[0].clientX;
        if(startX-endX>0) {
            if(Math.abs(startX-endX)>100) {
                if(index>=5) {
                    return false;
                }
                $(this).animate({
                    "left":-index*width
                },300,function() {
                    index++;
                })
            }else {
                $(this).animate({
                    "left":-(index-1)*width
                },300) 
            }
        }
        if(startX-endX<0) {
            if(Math.abs(startX-endX)>100) {
                if(index<=1) {
                    return false;
                }
                $(this).animate({
                    "left":-(index-2)*width
                },300,function() {
                    index--;
                })
            }else {
                $(this).animate({
                    "left":-(index-1)*width
                },300) 
            }
        }
    });






    //猜你喜欢
    // var flag = false;
    // var pageNum = 1;
    // function loadLikeProduct(){
    //     if (flag) return false;
    //     $.ajax({
    //         url: domain.test + "/getlike",
    //         // url: domain.online + "/api/index/like",
    //         type: 'get',
    //         data: 'pageNum=' + pageNum,
    //         dataType: 'json',
    //         beforeSend: function () {
    //             flag = true;
    //         },
    //         success: function (response) {
    //             var likeProductDetail = response.data.data;
    //             // var likeProductDetail = response.data;
    //             if (pageNum == 1) {
    //                 $('.itemBox').html(template('itemBox', { productList: likeProductDetail.plist }));
    //             } else {
    //                 $('.itemBox').append(template('itemBox', { productList: likeProductDetail.plist }));
    //             }
    //             pullmaster.pullDownSuccess();       //刷新成功
    //             if (likeProductDetail.plist.length < 10 || likeProductDetail.plist.length === 0) {
    //                 pullmaster.pullUpDone();        //到底啦
    //                 $(".bb_pull-up").css({"display":"none"});
    //                 $(".end").css({"display":"block"});
    //             }
    //             ++pageNum;
    //             flag = false;
    //         },
    //         error: function () {
    //             pullmaster.pullDownFailed();        //刷新失败
    //             pullmaster.pullUpFailed();          //数据加载失败
    //         }
    //     })
    // }
    // // 下拉刷新上滑分页加载
    // var pullmaster = new Pull($('.likeProduct'), {
    //     onPullUp: function () {
    //         loadLikeProduct();
    //     },
    //     onPullDown:function() {
    //         pageNum = 1;
    //         loadLikeProduct();
    //     }
    // });
    // //查看详情
    // $(".itemBox").on("click",".likeProductItem",function(){
    //     var pId = $(this).attr("data-id");
    //     location.href = "../classify/product.html?id=" + pId;
    // });
})